<template>
  <div>
    <TitleCompound :title="title" :description="description"></TitleCompound>

    <!-- content -->
    <el-button type="primary" @click="$router.push('/router-summary')"> Go to Router Summary</el-button>
    <br>
    <el-button type="primary" @click="goRef" style="margin-top: 10px;"> Go to Ref</el-button>
  </div>
</template>
<script lang="ts" setup>
import TitleCompound from '@/components/TitleCompound.vue';
import { useRouter } from 'vue-router';

const title = "Router 程序中路由导航"
const description = "Router 程序中路由导航"

const router = useRouter();

function goRef() {
  router.push('/torefs')
}

</script>
<style lang="scss" scoped></style>
